<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="/site_media/frontend/images/icon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Book Store</title>

<link rel="stylesheet" href="/site_media/frontend/css/lightbox.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="/site_media/frontend/css/style.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="/site_media/frontend/css/custom.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="/site_media/frontend/css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="/site_media/frontend/css/website.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="/site_media/frontend/css/nivo-slider.css" type="text/css" media="screen" />
            <script src="/site_media/frontend/js/jquery-1.6.2.min.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.validate.min.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/java.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/all.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.text-overflow.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery-ui-personalized-1.5.2.packed.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/sprinkle.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.lightbox-0.5.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.ellipsis.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.tinyscrollbar.min.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/ajaxModule.js" type="text/javascript"></script>
                 <script src="/site_media/frontend/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
				 
<script type="text/javascript">
    $(document).ready(function(){
       $('.details').ellipsis({'lines':3});
       $('.ellipsis').textOverflow();
       });
</script>	

<script type="text/javascript">
    $(document).ready(function(){
        $('#famousContent').tinyscrollbar();	
    });
</script>
</head>
<body>
<div id="wrap">
{% autoescape off %}
       <div class="header">
       		<div class="logo"><a href="{{rootPath}}/home"><img src="/site_media/frontend/images/logo.png" alt="" title="" border="0" /></a></div>            
        <div id="menu">
            <ul>                                                                       
            <li {%block home_selected %}{%endblock%}><a href="{{rootPath}}/home">Home</a></li>
            <li {%block about_selected %}{%endblock%}><a href="{{rootPath}}/about">About Us</a></li>
            <li {%block book_selected %}{%endblock%}><a href="{{rootPath}}/book">Books</a></li>
            <li {%block special_selected %}{%endblock%}><a href="{{rootPath}}/special">Special Books</a></li>
            <li {%block myacc_selected %}{%endblock%}><a href="{{rootPath}}/backend">My Account</a></li>
            <li {%block register_selected %}{%endblock%}><a href="{{rootPath}}/register">Register</a></li>            
            <li {%block contact_selected %}{%endblock%}><a href="{{rootPath}}/contact">Contact</a></li>
			{{loged}}
            </ul>
        </div>     
            
            
       </div> 
       
       
       <div class="center_content">
       	<div class="left_content">
        	{% block left_content %}{%endblock%}
          
            
        <div class="clear"></div>
        </div><!--end of left content-->
        
        <div class="right_content">        	
        
             <div class="title"><span class="title_icon"><img src="/site_media/frontend/images/bullet3.gif" alt="" title="" /></span>About Our Store</div> 
             <div class="about">
             <p>
             <img src="/site_media/frontend/images/about.gif" alt="" title="" class="right" />
             {{var_static_aboutourstore}}


             </p>
             
             </div>
             
             <div class="right_box">
             
             	<div class="title"><span class="title_icon"><img src="/site_media/frontend/images/bullet5.gif" alt="" title="" /></span>Categories</div> 
                
                <ul class="list">
                {{var_category}}                                           
                </ul>                
             
             </div>         
		<div id="famous">
			<div class="title" >
				<span class="title_icon"><img src="/site_media/frontend/images/bullet5.gif" alt="" title=""></span>
				Famous Books
			</div>
			<div id="famousContent">
				<div class="scrollbar">
					<div class="track">
						<div class="imagethumb">
							<div class="end"></div>
						</div>
					</div>
				</div>
				<div class="viewport">
					<div class="overview">
					
					
					<!-- begin top -->
					{{var_famous}}
		
		            <!-- end top -->		
					</div>
				</div>
			</div>
		</div>
        
        </div><!--end of right content-->
        
        
       
       
       <div class="clear"></div>
       </div><!--end of center content-->
       
              
       <div class="footer">
       	<div class="left_footer"><img src="/site_media/frontend/images/footer_logo.gif" alt="" title="" /><br /> <a href="http://csscreme.com/freecsstemplates/" title="free templates"><img src="/site_media/frontend/images/csscreme.gif" alt="free templates" title="free templates" border="0" /></a></div>
        <div class="right_footer">
        <a href="{{rootPath}}/home">home</a>
        <a href="{{rootPath}}/about">about us</a>
        <a href="{{rootPath}}/services">services</a>
        <a href="{{rootPath}}/privacy">privacy policy</a>
        <a href="{{rootPath}}/contact">contact us</a>
       
        </div>
       </div>
    
{% endautoescape %}
</div>

</body>
</html>